<template>
  <div>
    <dramaDetails :statedata="statedata" />
  </div>
</template>

<script>
import dramaDetails from "./ui/dramaDetails.vue";
// import { getMusicDetail } from "@/api/musicApi";
// import {musicBookState} from 'vuex'
export default {
  // 通过在路由设置中去设置一下动态路由参数的props获取方案，可以提前过滤好参数类型
  // computed: {
    // ...musicBookState(['data']),
    // data() {
    //   // return this.$store.state.data.data;
    // },
    
  // },
  components: {
    dramaDetails,
  },
  data() {
    return {
      // 这里是利用缓存获得每个指定id的数据
      statedata: JSON.parse(localStorage.getItem('booklMusic'))
      
    };
  },

  async created() {
    // let { data, code } = await getMusicDetail(1005);
    // console.log(data, "res.data");
    // !code && (this.statedata = data);
    // !code && (this.statedata = data);
    // this.data=partmusic;
  //   this.$globalEvent.$on('custom-event', row => {
  //   // 处理接收到的数据
  
    
    
  // });
   
  },
};
</script>

<style lang="scss" scoped></style>
